/*# sourceURL=/skin/default/css/reset.css */ /*@ sourceURL=/skin/default/css/reset.css */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; } *, select, input, textarea, button { outline: none; border: none; background: none; } i, em { font-style: normal; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } body { /* line-height: 1; */ } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } /* custom */ a { color: #999; text-decoration: none; -webkit-backface-visibility: hidden; } li { list-style: none; } /* ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px; } */ html, body { width: 100%; } body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*# sourceURL=/skin/default/css/iconfont.css */ /*@ sourceURL=/skin/default/css/iconfont.css */ @font-face { font-family: "iconfont"; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/iconfont.eot?t=1610175524072"); /* IE9 */ src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/iconfont.eot?t=1610175524072#iefix") format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/iconfont.woff?t=1610175524072") format('woff'), url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/iconfont.ttf?t=1610175524072") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/iconfont.svg?t=1610175524072#iconfont") format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-yiliaoweisheng-:before { content: "\eda4"; } .icon-meishi:before { content: "\e624"; } .icon-jilu:before { content: "\e612"; } .icon-arrow-down:before { content: "\e600"; } .icon-mianjinenghao:before { content: "\e610"; } .icon-fangxing:before { content: "\e634"; } .icon-dianhua3:before { content: "\e607"; } .icon-yule:before { content: "\e608"; } .icon-jiguizhanshigaizao:before { content: "\e60d"; } .icon-zhanting:before { content: "\e6b9"; } .icon-huiyi1:before { content: "\e78c"; } .icon-jiudiancanting-:before { content: "\e967"; } .icon-ziyuan:before { content: "\e60f"; } .icon-Door-Hanger:before { content: "\e7ec"; } .icon-canyin:before { content: "\e7ed"; } .icon-jiantou2:before { content: "\e60e"; } .icon-ditie:before { content: "\e602"; } .icon-qitaxuanze:before { content: "\e66b"; } .icon-youxiang1:before { content: "\e632"; } .icon-gongjiao:before { content: "\e604"; } .icon-yisheng-:before { content: "\e606"; } .icon-dizhi_:before { content: "\e61e"; } .icon-yishengtuandui:before { content: "\e858"; } .icon-V:before { content: "\e71b"; } .icon-qiche:before { content: "\e706"; } .icon-quotation:before { content: "\e67b"; } .icon-jiantou_shang:before { content: "\e664"; } .icon-qunfengcanyinmeishi:before { content: "\e6c9"; } .icon-tijianxiangmu:before { content: "\e63e"; } .icon-4:before { content: "\e649"; } .icon-loufang101:before { content: "\e6bd"; } .icon-dianhua2:before { content: "\e60b"; } .icon-icon-test:before { content: "\e628"; } .icon-yundong-:before { content: "\ee43"; } .icon-icon-test1:before { content: "\e60c"; } .icon-youxiang:before { content: "\e61d"; } .icon-changyongicon-:before { content: "\e611"; } .icon-jiantou1:before { content: "\e64b"; } .icon-dianhua1:before { content: "\e671"; } .icon-xican:before { content: "\e61a"; } .icon-jianshen-youyong:before { content: "\e653"; } .icon-biaoqing:before { content: "\e609"; } .icon-chuang:before { content: "\e605"; } .icon-shengdan-:before { content: "\e64f"; } .icon-jiantou:before { content: "\e84f"; } .icon-dianhua:before { content: "\e631"; } .icon-dizhi:before { content: "\e636"; } .icon-youxiang5:before { content: "\e679"; } .icon-jingdianbiaoge:before { content: "\e6b8"; } .icon-shijianbiaozhunhuaguize:before { content: "\e67f"; } .icon-jianchazhibiao:before { content: "\e626"; } .icon-contract2:before { content: "\e61b"; } .icon-biaozhunicon-:before { content: "\e61c"; } .icon-lunkuohua_renlian:before { content: "\e64a"; } .icon-fengxianpinggu:before { content: "\e614"; } .icon-jiaojiebanguanli:before { content: "\e6c6"; } .icon-peixunxiangmu2:before { content: "\e685"; } .icon-qichezhan:before { content: "\e627"; } .icon-qiandai:before { content: "\e613"; } .icon-yinxiang:before { content: "\e642"; } .icon-kaoshipeizhi:before { content: "\e724"; } .icon-zuanshi:before { content: "\e88e"; } .icon-dianzan:before { content: "\e619"; } .icon-baoming:before { content: "\e78a"; } .icon-yemianjianshezhong:before { content: "\e6d6"; } .icon-tisheng:before { content: "\e618"; } .icon-shalou3:before { content: "\e71e"; } .icon-xiajiantou:before { content: "\e6cc"; } .icon-huiyi:before { content: "\e60a"; } .icon-youshi-:before { content: "\e603"; } .icon-tuoguanyunicon:before { content: "\e9fe"; } .icon-shebei:before { content: "\e65e"; } .icon-icon-:before { content: "\e64e"; } /*# sourceURL=/skin/default/css/arrow.css */ /*@ sourceURL=/skin/default/css/arrow.css */ @font-face { font-family: "iconfont_jiantou"; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/iconfont1.eot?t=1530106377846"); /* IE9*/ src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/iconfont1.eot?t=1530106377846#iefix") format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/iconfont1.ttf?t=1530106377846") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/iconfont1.svg?t=1530106377846#iconfont") format('svg'); /* iOS 4.1- */ } .iconfont_jiantou { font-family: "iconfont_jiantou" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .jiantou-xiangyoujiantou:before { content: "\e65f"; } .jiantou-xiangzuojiantou:before { content: "\e660"; } .jiantou-fanhui:before { content: "\f0343"; } .jiantou-gengduo:before { content: "\f0344"; } .jiantou-youjiantou:before { content: "\f034f"; } .jiantou-zuojiantou:before { content: "\f0350"; } .jiantou-enter:before { content: "\e6f8"; } .jiantou-return:before { content: "\e720"; } .jiantou-back:before { content: "\e934"; } .jiantou-forward:before { content: "\e94d"; } .jiantou-back-o:before { content: "\e989"; } .jiantou-forward-o:before { content: "\e9a0"; } .jiantou-arrow-left:before { content: "\e9d8"; } .jiantou-arrow-right:before { content: "\e9d9"; } .jiantou-arrow-left1:before { content: "\e9da"; } .jiantou-arrow-up:before { content: "\e9db"; } .jiantou-right:before { content: "\e7eb"; } .jiantou-left:before { content: "\e7ec"; } /*# sourceURL=/skin/default/css/swiper.min.css */ /*@ sourceURL=/skin/default/css/swiper.min.css */ /** * Swiper 5.2.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 16, 2019 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0) } .swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap } .swiper-container-multirow-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-container-3d { perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000 } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white { --swiper-pagination-color: #ffffff } .swiper-pagination-black { --swiper-pagination-color: #000000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } /*# sourceURL=/skin/default/css/style.css */ /*@ sourceURL=/skin/default/css/style.css */ @charset "utf-8"; /* CSS Document */ button, input, textarea, select { outline: none; background: none; border: none; font-family: "微软雅黑"; box-shadow: none; -webkit-appearance: none; border-radius: 0; } a, *:before, *:after { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* *{ transition:all 0s \9 !important; } */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .iconfont:before { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .center_box { width: 1200px; margin: 0 auto; } .clearfix:after { content: ""; clear: both; height: 0; font-size: 0; display: block; visibility: hidden; *zoom: 1; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } .pd_150 { padding: 150px; } .pd_tb150 { padding: 150px 0; } .pd_t150 { padding-top: 150px; } .pd_b150 { padding-bottom: 150px; } .pd_120 { padding: 120px; } .pd_tb100 { padding: 120px 0; } .pd_t120 { padding-top: 120px; } .pd_b120 { padding-bottom: 120px; } .pd_100 { padding: 100px; } .pd_tb100 { padding: 100px 0; } .pd_t100 { padding-top: 100px; } .pd_b100 { padding-bottom: 100px; } .pd_80 { padding: 80px; } .pd_tb80 { padding: 80px 0; } .pd_t80 { padding-top: 80px; } .pd_b80 { padding-bottom: 80px; } .pd_60 { padding: 60px; } .pd_tb60 { padding: 60px 0; } .pd_t60 { padding-top: 60px; } .pd_b60 { padding-bottom: 60px; } .pd_50 { padding: 50px; } .pd_tb50 { padding: 50px 0; } .pd_t50 { padding-top: 50px; } .pd_b50 { padding-bottom: 50px; } .pd_40 { padding: 40px; } .pd_tb40 { padding: 40px 0; } .pd_t40 { padding-top: 40px; } .pd_b40 { padding-bottom: 40px; } .pd_30 { padding: 30px; } .pd_tb30 { padding: 30px 0; } .pd_t30 { padding-top: 30px; } .pd_b30 { padding-bottom: 30px; } .pd_20 { padding: 20px; } .pd_tb20 { padding: 20px 0; } .pd_t20 { padding-top: 20px; } .pd_b20 { padding-bottom: 20px; } .pd_15 { padding: 15px; } .pd_tb15 { padding: 15px 0; } .pd_t15 { padding-top: 15px; } .pd_b15 { padding-bottom: 15px; } .pd_10 { padding: 10px; } .pd_tb10 { padding: 10px 0; } .pd_t10 { padding-top: 10px; } .pd_b10 { padding-bottom: 10px; } .pd_tb100 { padding: 100px 0; } .mg_t150 { margin-top: 150px; } .mg_b150 { margin-bottom: 150px; } .mg_t100 { margin-top: 100px; } .mg_b100 { margin-bottom: 100px; } .mg_tb80 { margin: 80px 0; } .mg_t80 { margin-top: 80px; } .mg_b80 { margin-bottom: 80px; } .mg_tb70 { margin: 70px 0; } .mg_t70 { margin-top: 70px; } .mg_b70 { margin-bottom: 70px; } .mg_tb60 { margin: 60px 0; } .mg_t60 { margin-top: 60px; } .mg_b60 { margin-bottom: 60px; } .mg_tb50 { margin: 50px 0; } .mg_t50 { margin-top: 50px; } .mg_b50 { margin-bottom: 50px; } .mg_tb40 { margin: 40px 0; } .mg_t40 { margin-top: 40px; } .mg_b40 { margin-bottom: 40px; } .mg_tb30 { margin: 30px 0; } .mg_t30 { margin-top: 30px; } .mg_b30 { margin-bottom: 30px; } .mg_tb20 { margin: 20px 0; } .mg_t20 { margin-top: 20px; } .mg_b20 { margin-bottom: 20px; } .mg_tb15 { margin: 15px 0; } .mg_t15 { margin-top: 15px; } .mg_b15 { margin-bottom: 15px; } .mg_tb10 { margin: 10px 0; } .mg_t10 { margin-top: 10px; } .mg_b10 { margin-bottom: 10px; } /* *{ font-family:"微软雅黑"; } */ body { font-size: medium !important; font-family: "微软雅黑"; font-family: 'PingFang SC', 'Microsoft Yahei', 'Source Han Sans', SimSun, 'Noto Sans CJK SC', 'Noto Sans CJK', source-han-sans-simplified-c, sans-serif; /* font-family:'SiYuan-ExtraLig1fd3bbf467523d' !important; */ -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; background: none; } @font-face { font-family: gunplay; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/Gunplay.ttf"); } @font-face { font-family: menk; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/MGQ8101.ttf"); } @font-face { font-family: twcen; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/TwCenMT.ttf"); } @font-face { font-family: geo; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/tt0663m.ttf"); } @font-face { font-family: frank; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/FRADMCN.TTF") } @font-face { font-family: geno; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/Genome-Thin.otf"); } @font-face { font-family: swis; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/tt0173m.ttf"); } @font-face { font-family: impact; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/impact.ttf"); } @font-face { font-family: nexa; src: url("http://jhsz.huiyizhongxin.com/skin/default/css/../font/NexaBold.otf"); } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~首页~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* header */ header { position: fixed; top: 0; left: 0; width: 100%; z-index: 980; transition: all .8s; } header.header_box2 { background: rgba(0, 0, 0, .5); top: -100px; } header.scr { top: -100px; } header .header_top { background: #fff; } header .header_top .center_box { height: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } header .logo img { display: block; max-width: 450px; max-height: 70px; } header .header_top .header_tel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; color: #42474c; } header .header_top .header_tel .iconfont { font-size: 30px; } header .header_top .header_tel span { font-family: impact; font-size: 30px; margin-left: 10px; } .header_height { height: 164px; } header .header_bot { background: #42474c; } header .header_bot nav>ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; align-items: center; } header .header_bot nav ul>li>a { display: block; position: relative; height: 64px; line-height: 64px; padding: 0 28px; color: #fff; } header .header_bot nav ul>li>a span { font-weight: bold; } nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } nav ul>li { position: relative; } nav ul>li>a { font-size: 18px; color: #fff; display: block; position: relative; } /* 二级导航 */ nav ul>li .subnav li a { display: block; padding: 10px 0; text-align: center; font-size: 14px; color: #666; } nav ul>li .subnav { background: #fff; border-top: solid 2px #c19b76; position: absolute; width: 200%; left: -50%; top: 100%; -webkit-transform: perspective(300px) scaleY(0) translateZ(30px); transform: perspective(300px) scaleY(0) translateZ(30px); visibility: hidden; opacity: 0; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05); -webkit-transform-origin: top; transform-origin: top; visibility: hidden; -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; } /* banner */ .m_banner { height: 0; overflow: hidden; } .banner_box { position: relative; } .banner_box .swiper-slide a { display: block; position: relative; width: 100%; max-height: calc(100vh - 164px); overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } .banner_box .swiper-slide a>img { display: block; width: 100%; min-height: 100%; } .banner_box .swiper-slide a .banner_txt { position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 5; width: 1200px; height: 100%; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; } .banner_box .swiper-slide a .banner_txt img { display: block; max-height: 80%; max-width: 80%; } .banner_box .swiper-pagination { display: none; } .swiper-xn .iconfont { color: #fff; display: inline-block; font-size: 3vw; } .swiper-xn.swiper-button-next .iconfont { transform: rotate(-90deg); } .swiper-xn.swiper-button-prev .iconfont { transform: rotate(90deg); } .swiper-xn.swiper-button-next { right: 5%; } .swiper-xn.swiper-button-prev { left: 5%; } .swiper-xn.swiper-xn:after { display: none; } .banner_box .banner_mouse { position: absolute; color: #fff; bottom: 8vh; left: 50%; margin-left: -25px; z-index: 85; display: block; width: 50px; text-align: center; cursor: pointer; display: none; } .banner_box .banner_mouse img { display: inline-block; width: 46px; -webkit-animation: start 2s infinite ease-in-out; -moz-animation: start 2s infinite ease-in-out; -o-animation: start 2s infinite ease-in-out; animation: start 2s infinite ease-in-out; } @-webkit-keyframes start { 0%, 30% { opacity: 0; -webkit-transform: translate(0, -20px); } 60% { opacity: 1; -webkit-transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(0, 20px); } } @-moz-keyframes start { 0%, 30% { opacity: 0; -moz-transform: translate(0, -20px); } 60% { opacity: 1; -moz-transform: translate(0, 0); } 100% { opacity: 0; -moz-transform: translate(0, 20px); } } @-o-keyframes start { 0%, 30% { opacity: 0; -o-transform: translate(0, -20px); } 60% { opacity: 1; -o-transform: translate(0, 0); } 100% { opacity: 0; -o-transform: translate(0, 20px); } } @keyframes start { 0%, 30% { opacity: 0; transform: translate(0, -20px); } 60% { opacity: 1; transform: translate(0, 0); } 100% { opacity: 0; transform: translate(0, 20px); } } .swiper-mpg { display: none; } .swiper_pn .swiper-button-prev, .swiper_pn .swiper-button-next { position: static; margin-top: 0; opacity: 1; width: 40px; height: 40px; border: solid 2px #D1BA71; border-radius: 50%; color: #D1BA71; } .swiper_pn .swiper-button-prev:after, .swiper_pn .swiper-button-next:after { font-size: 20px; color: inherit; } .swiper_pn .swiper-button-prev { margin-right: 10px; } .swiper_pn .swiper-button-prev:not(.swiper-button-disabled):hover, .swiper_pn .swiper-button-next:not(.swiper-button-disabled):hover { background: #D1BA71; color: #fff; } /* 标题 */ .jh_tit { text-align: center; font-size: 0; } .jh_tit h2 { font-size: 30px; color: #333; font-weight: bold; } .jh_tit i { display: inline-block; position: relative; width: 100px; height: 1px; background: #c8ced4; } .jh_tit i:after { content: ""; position: absolute; width: 20px; height: 3px; top: 0; left: 50%; transform: translateX(-50%); background: #00682b; } .jh_tit .jh_exp { display: block; font-size: 14px; color: #666; line-height: 1.6; } .jh_tit.white_tit h2 { color: #fff; } .jh_tit.white_tit i { background: #fff; } .jh_tit.white_tit .jh_exp { color: #fff; } /* 我们提供的服务 */ .service_box .ser_con ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -40px; margin-bottom: -40px; } .service_box .ser_con ul li { width: 33.3333%; margin-bottom: 40px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .service_box .ser_con ul li:nth-of-type(1) { -webkit-animation-delay: .3s; animation-delay: .3s; } .service_box .ser_con ul li:nth-of-type(2) { -webkit-animation-delay: .6s; animation-delay: .6s; } .service_box .ser_con ul li:nth-of-type(3) { -webkit-animation-delay: .9s; animation-delay: .9s; } .service_box .ser_con ul li:nth-of-type(4) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .service_box .ser_con ul li:nth-of-type(5) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .service_box .ser_con ul li:nth-of-type(6) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .service_box .ser_con ul li .ser_ss { display: block; height: 100%; position: relati"/index_files/room_bg.jpg" color:#666; margin-left: 40px; box-shadow: 0 5px 30px rgba(0, 0, 0, .05); } .service_box .ser_con ul li .ser_ss .ser_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .service_box .ser_con ul li .ser_ss .ser_img:before, .service_box .ser_con ul li .ser_ss .ser_img:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .service_box .ser_con ul li .ser_ss .ser_img:before { background: -webkit-linear-gradient(bottom, #42474c, #42474c00); background: -moz-linear-gradient(bottom, #42474c, #42474c00); background: -o-linear-gradient(bottom, #42474c, #42474c00); background: linear-gradient(to top, #42474c, #42474c00); } .service_box .ser_con ul li .ser_ss .ser_img:after { background: #fff; } .service_box .ser_con ul li .ser_ss .ser_img img { display: block; width: 100%; height: 100%; } .service_box .ser_con ul li .ser_ss .ser_wrap { padding: 50px; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_icon, .service_box .ser_con ul li .ser_ss .ser_wrap .ser_tit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_icon { width: 48px; height: 48px; color: #4b4b4b; border: solid 1px #4b4b4b; border-radius: 50%; -webkit-justify-content: center; justify-content: center; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_icon .iconfont { font-size: 24px; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_icon .iconfont.icon-tijianxiangmu { font-size: 30px; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_tit em { font-size: 24px; color: #d7dce1; font-family: nexa; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_tit h3 { font-size: 20px; font-weight: bold; margin-left: 6px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_line { display: block; width: 64px; height: 1px; background: #d7dce1; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_w { font-size: 14px; line-height: 1.7; height: 69px; overflow: hidden; -webkit-line-clamp: 3; -moz-line-clamp: 3; -o-line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: -webkit-box; } /* 我们有多种类型的客房 */ .room_box { background: url("/index_files/room_bg.jpg") no-repeat center center; background-size: cover; } .room_box .room_txt { color: #fff; text-align: center; } .room_box .room_txt .room_m { display: none; } .room_box .room_txt .room_pc { display: inline-block; } .room_box .room_txt .room_pc img { display: block; max-width: 100%; } .room_box .room_con, .room_box .room_con ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; } .room_box .room_con ul { color: #fff; border-top: solid 1px rgba(255, 255, 255, .5); border-bottom: solid 1px rgba(255, 255, 255, .5); } .room_box .room_con ul li { padding: 0 90px; font-size: 16px; position: relative; } .room_box .room_con ul li:before { content: ""; position: absolute; left: 0; top: 20px; bottom: 20px; width: 1px; background: rgba(255, 255, 255, .5); } .room_box .room_con ul li:nth-of-type(1):before { display: none; } .room_box .room_con ul li:nth-of-type(1) { padding-left: 0; } .room_box .room_con ul li:nth-last-of-type(1) { padding-right: 0; } .room_box .room_con ul li em { font-size: 80px; font-family: geno; padding: 0 4px; display: inline-block; } /* 关于我们 */ .about_box .abo_con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .about_box .abo_con .abo_img { display: block; width: 720px; } .about_box .abo_con .abo_img img { display: block; width: 100%; } .about_box .abo_con .abo_wrap { width: 658px; margin-left: -200px; margin-right: 20px; position: relative; z-index: 3; padding: 70px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .05); -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: .5s; animation-delay: .5s; } .about_box .abo_con .abo_wrap .abo_more { position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; line-height: 48px; background: #42474c; color: #fff; text-align: center; } .about_box .abo_con .abo_wrap .abo_more .iconfont { font-size: 24px; } /* 新闻活动 */ .jh_m { display: none; } .news_box { background: #ececed; } .news_box .news_con { position: relative; } .news_list .news_ss { display: block; border-radius: 10px; overflow: hidden; background: #fafafa; color: #666; } .news_box .news_list .news_ss { background: #fff; } .news_list .news_ss .news_img { display: block; overflow: hidden; height: 240px; } .news_list .news_ss .news_img img { display: block; width: 100%; height: 100%; transition: all 2s; } .news_list .news_ss .news_wrap h3 { font-size: 20px; font-weight: bold; line-height: 1.5; height: 60px; overflow: hidden; -webkit-line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: -webkit-box; } .news_list .news_ss .news_wrap>span { display: block; font-size: 14px; color: #00682B; font-family: arial; } .news_box .news_con .swiper-slide { width: 370px; margin-right: 45px; } .news_box .news_con .swiper-button-jh:after { display: none; } .news_box .news_con .swiper-button-jh { width: 60px; height: 60px; border: solid 3px #42474c; border-radius: 50%; opacity: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .news_box .news_con .swiper-button-prev { left: -7.82vw; } .news_box .news_con .swiper-button-next { right: -7.82vw; } .news_box .news_con .swiper-button-jh i { border-top: solid 11px transparent; border-bottom: solid 11px transparent; transition: border-color .35s; } .news_box .news_con .swiper-button-prev i { border-right: solid 11px #42474C; margin-right: 2px; } .news_box .news_con .swiper-button-next i { border-left: solid 11px #42474C; margin-left: 2px; } .env_box .env_con ul { display: -webkit-grid; display: grid; grid-row-gap: 6px; grid-column-gap: 6px; grid-auto-flow: row dense; grid-template-columns: 396px 396px 396px; grid-template-rows: 260px 260px 260px; } .env_box .env_con ul li:nth-of-type(1) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .env_box .env_con ul li .env_ss { display: block; height: 100%; overflow: hidden; } .env_box .env_con ul li .env_ss img { display: block; width: 100%; height: 100%; transition: all 2s; } /* 也叫哦 */ footer { background: url("/index_files/footer_bg.jpg") no-repeat center center; background-size: cover; color: #fff; } footer .footer_top { border-bottom: solid 1px rgba(255, 255, 255, .1); } footer .footer_logo { text-align: center; } footer .footer_logo a { display: inline-block; } footer .footer_logo a img { display: block; max-width: 218px; } footer .footer_nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; } footer .footer_nav ul li { margin: 0 20px; } footer .footer_nav ul li a { display: block; font-size: 18px; color: #fff; } footer .footer_info ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; } footer .footer_info ul li { margin: 0 20px; position: relative; } footer .footer_info ul li .footer_icon { display: block; height: 40px; line-height: 40px; } footer .footer_info ul li .footer_icon .iconfont { font-size: 20px; } footer .footer_info ul li .footer_icon .iconfont.icon-4 { font-size: 26px; } footer .footer_info ul li .footer_wrap { position: absolute; left: 50%; top: 20px; transform: translate(-50%, 110%); white-space: nowrap; padding: 4px 20px; border-radius: 200px; background: #fff; color: #333; font-size: 15px; opacity: 0; pointer-events: none; transition: all .35s; } footer .footer_info ul li .footer_wrap>p { display: inline-block; } footer .footer_info ul li .footer_wrap:before { content: ""; position: absolute; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #fff; bottom: 100%; left: 50%; transform: translateX(-50%); } footer .footer_fri, footer .footer_fri .footer_fcon ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } footer .footer_fri { -webkit-justify-content: center; justify-content: center; } footer .footer_fri .footer_fcon { max-width: calc(100% - 80px); } footer .footer_fri .footer_fcon ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; } footer .footer_fri .footer_name, footer .footer_fri .footer_fcon li a { font-size: 14px; color: #8d8d8d; display: block; } footer .footer_fri .footer_name { padding: 3px 0; } footer .footer_fri .footer_fcon li { padding: 3px 25px; position: relative; } footer .footer_fri .footer_fcon li:after { content: "/"; position: absolute; font-size: 14px; color: #8d8d8d; right: 0; top: 50%; transform: translate(50%, -50%); } footer .footer_fri .footer_fcon li:nth-last-of-type(1):after { display: none; } footer .footer_bot .footer_cpr { text-align: center; } footer .footer_bot .footer_cpr * { font-size: 14px; color: #8d8d8d; } footer .footer_bot .footer_cpr>* { padding: 0 10px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~内页~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 内页-banner */ .inner_banner { position: relative; overflow: hidden; } .inner_banner>img { display: block; width: 100%; min-height: 100%; } .inner_banner .inner_b_txt { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; z-index: 3; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .inner_banner .inner_b_txt .inner_b_wrap { text-align: center; position: relative; padding: 0 190px; } .inner_banner .inner_b_txt .inner_b_line { position: absolute; width: 120px; height: 2px; background: #fff; top: 50%; margin-top: -1px; } .inner_banner .inner_b_txt .inner_b_line1 { left: 0; } .inner_banner .inner_b_txt .inner_b_line2 { right: 0; } .Bline { -webkit-animation-name: Bline; animation-name: Bline; } @keyframes Bline { 0% { width: 0; } 100% { width: 120px } } .inner_banner .inner_b_txt h2 { font-size: 48px; font-weight: bold; color: #fff; letter-spacing: .05em; text-indent: .05em; } .inner_banner .inner_b_txt span { font-size: 14px; color: #4f4f4f; font-family: arial; text-transform: uppercase; position: relative; } .scaleBox { -webkit-animation-name: scaleBox; animation-name: scaleBox; } @keyframes scaleBox { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } .article_w { font-size: 16px; color: #333; line-height: 1.75; text-align: justify; text-align-last: left; } .article_w img { max-width: 100% !important; height: auto !important; } .article_w strong { font-weight: bold; } .article_w *:not(strong) { font-weight: inherit; } /* 内页-简介 */ .inner_abo { background: url("/index_files/inner_abo_bg.jpg") repeat-y top center; background-size: 100%; } .inner_border_two { padding: 80px 100px; border: solid 2px #42474c; position: relative; } .inner_border_two:before { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: solid 1px #42474C; pointer-events: none; } .green_tit { font-size: 30px; font-weight: bold; color: #00682B; } .green_tit * { font-weight: inherit; } .inner_abo .inner_a_s1 .inner_a_tit { text-align: center; } .inner_abo .inner_a_s2 .inner_a_tit { font-size: 30px; font-weight: bold; color: #42474C; text-align: center; } .inner_abo .inner_a_s2 .inner_a_con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_img { display: block; width: 560px; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_img img { display: block; width: 100%; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_r { width: 580px; position: relative; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data { width: 980px; position: relative; z-index: 3; background: #fff; padding: 25px; margin-left: -400px; box-shadow: 0 0 30px rgba(0, 0, 0, .05); } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; justify-content: space-around; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data ul li .inner_a_name { font-size: 24px; font-weight: bold; color: #00682b; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data ul li .inner_a_name em { font-size: 64px; font-family: arial; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data ul li .inner_a_w { font-size: 16px; color: #42474C; } /* 客房 */ .inner_room { position: relative; } .inner_room:after { content: ""; position: absolute; width: 860px; height: 100%; background: #f0f0f4; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; } .inner_room .inner_r_s1 { padding-left: 16.666%; padding-right: 16.666%; text-align: center; } .inner_room .inner_r_s1 .inner_r_tit { font-size: 24px; font-weight: bold; font-family: "宋体"; line-height: 1.5; } .inner_room .inner_r_s1 .inner_r_txt { font-size: 18px; font-family: "宋体"; text-align: center; text-align-last: center; } .inner_room .inner_r_s2 .inner_r_con ul li { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: .4s; animation-delay: .4s; } .inner_room .inner_r_s2 .inner_r_con ul li+li { margin-top: 60px; } .inner_room .inner_r_s2 .inner_r_con ul li:nth-of-type(even) .inner_r_ss { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss, .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss { box-shadow: 0 0 30px rgba(0, 0, 0, .06); } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l, .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r { width: 50%; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l { background: #42474c; transition: all .35s; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r { background: #fff; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap { width: 100%; padding: 0 40px; text-align: center; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_img { display: block; overflow: hidden; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_img img { display: block; width: 100%; height: 100%; transition: all 2s; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_img { height: 304px; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt { color: #fff; padding: 0 40px; transform: translateY(-36px); position: relative; z-index: 3; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt>span { display: block; font-size: 60px; font-family: geno; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt>* { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt .inner_r_ltit { font-size: 24px; font-family: "宋体"; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap { padding-top: 20px; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap .inner_r_stit { font-size: 20px; color: #00682B; font-family: "宋体"; line-height: 1.5; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap .inner_r_txt, .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap .inner_r_txt * { text-align: center; font-family: "宋体" !important; text-align-last: center; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap .inner_r_txt { line-height: 2; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_img { height: 116px; } /* 内页-会展 */ .inner_top { position: relative; padding-top: 70px; } .inner_top .inner_top_icon { position: absolute; top: 0; left: 0; } .inner_top .inner_top_icon .iconfont { font-size: 48px; color: #ccc; } .inner_top .inner_top_syn { font-weight: bold; } .inner_conf .inner_c_top { overflow: hidden; border-bottom: solid 1px #eaeaea; } .inner_conf .inner_c_top .inner_c_l { float: left; width: 840px; } .inner_conf .inner_c_top .inner_c_l .inner_top_syn { width: 52%; } .inner_conf .inner_c_top .inner_c_r { float: right; width: 290px; } .inner_conf .inner_c_s2 .inner_c_list ul li+li { margin-top: 50px; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss { display: block; position: relative; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_img { display: block; height: 514px; overflow: hidden; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_img img { display: block; width: 100%; height: 100%; transition: all 2s; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap { padding: 35px; background: #fff; position: absolute; left: 50px; top: 50px; bottom: 50px; width: 270px; } .inner_conf .inner_c_s2 .inner_c_list ul li:nth-of-type(even) .inner_c_ss .inner_c_wrap { left: auto; right: 50px; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap .inner_c_tit h3 { font-size: 20px; font-weight: bold; color: #42474C; text-align: center; line-height: 1.5; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap .inner_c_txt { font-size: 14px; } .inner_line_rh { display: block; width: 100%; height: 1px; background: #eaeaea; position: relative; } .inner_line_rh:after { content: ""; position: absolute; width: 5px; height: 5px; background: #00682B; left: 50%; top: 0; transform: rotate(45deg) translateX(-50%); } /* 内页-餐饮 */ .inner_cater { overflow: hidden; } .inner_cater .inner_ca_top { overflow: hidden; } .inner_cater .inner_ca_l { width: 460px; float: left; } .inner_cater .inner_ca_l .inner_ca_txt, .inner_cater .inner_ca_l .inner_ca_wrap p { font-size: 14px; } .inner_cater .inner_ca_l .inner_ca_wrap .green_tit { font-weight: bold; } .inner_cater .inner_ca_l .inner_ca_wrap hr { opacity: .25; } .inner_cater .inner_ca_r { float: right; width: 600px; } .inner_cater .inner_ca_r .inner_ca_img { display: block; } .inner_cater .inner_ca_r .inner_ca_img img { display: block; width: 100%; max-width: 100%; } /* 内页-温泉 */ .inner_spa .inner_spa_s2 .inner_spa_list ul li+li { border-top: solid 1px #eaeaea; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; color: #333; transition: all .35s; } .inner_spa .inner_spa_s2 .inner_spa_list ul li:nth-of-type(even) .inner_spa_ss { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_img { display: block; width: 480px; overflow: hidden; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_img img { display: block; width: 100%; transition: all 2s; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_wrap { width: 720px; padding: 0 140px 0 80px; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit { overflow: hidden; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit h3 { font-size: 20px; font-weight: bold; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit>* { float: left; clear: left; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit .inner_line_rh { width: 100px; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit .inner_line_rh:after { left: 20%; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_txt { font-size: 14px; } /* 内页-娱乐 */ .inner_nter .inner_nter_swiper .inner_nter_img { display: block; } .inner_nter .inner_nter_swiper .inner_nter_img img { display: block; width: 100%; } .inner_nter .inner_nter_swiper .swiper-button-jh { width: 48px; height: 48px; line-height: 48px; text-align: center; color: #fff; background: #42474C; transition: background-color .35s; } .inner_nter .inner_nter_swiper .swiper-button-prev { left: 25px; } .inner_nter .inner_nter_swiper .swiper-button-next { right: 25px; } .inner_nter .inner_nter_swiper .swiper-button-jh:after { display: none; } .inner_nter .inner_nter_swiper .swiper-button-jh .iconfont { font-size: 26px; display: inline-block; } .inner_nter .inner_nter_swiper .swiper-button-prev .iconfont { transform: rotate(180deg); } .inner_nter .inner_nter_swiper .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 25px; } .inner_nter .inner_nter_swiper .swiper-pagination-bullet { width: 40px; height: 4px; border-radius: 400px; background: #42474c; opacity: 1; } .inner_nter .inner_nter_swiper .swiper-pagination-bullet-active { background: #00682B; } /* 内页-体检 */ .inner_phy .inner_phy_s2 .inner_phy_tit { text-align: center; line-height: 1.6; } .inner_phy .inner_phy_s2 .inner_phy_tit>h3 { font-size: 16px; color: #333; font-weight: bold; } .inner_phy .inner_phy_s2 .inner_phy_tit .inner_phy_exp { font-size: 14px; color: #00682B; } .inner_phy .inner_phy_s2 .inner_phy_con ul, .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .inner_phy .inner_phy_s2 .inner_phy_con ul { -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_phy .inner_phy_s2 .inner_phy_con ul li { width: 33.3333%; text-align: center; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon { width: 180px; height: 180px; background: #f7f8f9; border-radius: 50%; box-shadow: 0 0 30px rgba(66, 71, 76, .1) inset; color: #42474C; margin: 0 auto; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon .iconfont { font-size: 78px; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon .iconfont.icon-yishengtuandui { font-size: 86px; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_txt { font-size: 20px; color: #666; font-weight: bold; transition: all .35s; } /* 内页-贵宾楼 */ .inner_vip .inner_v_s2 .inner_v_list ul li+li { margin-top: 70px; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss { display: block; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_tit { font-size: 20px; font-weight: bold; text-align: center; color: #42474C; margin-bottom: 35px; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_con { position: relative; overflow: hidden; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_img { display: block; height: 400px; overflow: hidden; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_img img { display: block; width: 100%; height: 100%; transition: all 2s; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_wrap { position: absolute; bottom: 0; background: #fff; width: 66%; height: 100px; left: 17%; padding: 10px 6%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-animation-delay: .4s; animation-delay: .4s; transition: all .35s; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_wrap .article_w { width: 100%; text-align: center; text-align-last: center; font-size: 14px; } /* 内页-新闻活动 */ .inner_news .news_list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -45px; margin-bottom: -45px; } .inner_news .news_list ul li { width: 33.33333%; margin-bottom: 45px; } .inner_news .news_list ul li .news_ss { margin-left: 45px; } /* 内页-文章详情 */ .inner_news_show_tit { text-align: center; } .inner_news_show_tit h3 { font-size: 24px; color: #00682b; font-weight: bold; margin-bottom: 10px; } .inner_news_show_tit span { display: inline-block; margin: 0 10px; font-size: 14px; color: #999; } /* 内页-联系我们 */ .inner_cta .inner_cta_info ul { overflow: hidden; } .inner_cta .inner_cta_info ul li { float: left; margin-right: 100px; } .inner_cta .inner_cta_info ul li .iconfont, .inner_cta .inner_cta_info ul li .article_w { float: left; font-size: 20px; color: #42474c; line-height: 30px; } .inner_cta .inner_cta_info ul li .article_w>p { display: inline-block; } .inner_cta .inner_cta_info ul li .iconfont { font-size: 24px; margin-right: 10px; } .inner_cta .inner_cta_map #dituContent { width: 100%; height: 480px; } .inner_cta .inner_cta_map #dituContent .BMap_omCtrl.BMap_noprint.anchorBR.quad4 { display: none; } .inner_cta .inner_cta_s3>ul>li, .inner_cta .inner_cta_s3>ul>li .inner_cta_l, .inner_cta .inner_cta_s3>ul>li .inner_cta_l .inner_cta_icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .inner_cta .inner_cta_s3>ul>li {} .inner_cta .inner_cta_s3>ul>li .inner_cta_l { width: 156px; } .inner_cta .inner_cta_s3>ul>li .inner_cta_l .inner_cta_icon { width: 100px; height: 100px; padding: 0; border-radius: 50%; -webkit-justify-content: center; justify-content: center; color: #42474C; transition: border-color .35s, color .35s; } .inner_cta .inner_cta_s3>ul>li .inner_cta_l .inner_cta_icon:before { border-radius: 50%; top: 5px; right: 5px; bottom: 5px; left: 5px; } .inner_cta .inner_cta_s3>ul>li .inner_cta_l .inner_cta_icon .iconfont { font-size: 38px; } .inner_cta .inner_cta_s3>ul>li .inner_cta_l .inner_line_rh { width: 40px; } .inner_cta .inner_cta_s3>ul>li .inner_cta_r { width: 1030px; } .inner_cta .inner_cta_s3>ul>li .inner_cta_r .inner_cta_tit { font-size: 20px; color: #42474c; font-weight: bold; } /* 当前位置 */ .inner_loc { position: relative; z-index: 10; } .inner_loc .center_box { border-bottom: solid 1px #eee; } .inner_loc, .inner_loc a { color: #333; font-size: 14px; } .inner_loc a, .inner_loc span { padding: 0 3px; } .inner_loc .iconfont { font-size: 16px; font-weight: bold; padding-right: 4px; color: #a9a9a9; } .inner_loc a:hover { color: #D1BA71; } /* 列表翻页 */ .list_pages .pagination { font-size: 0; overflow: hidden; position: relative; text-align: center; } .list_pages .pagination li { display: inline-block; *display: inline; *zoom: 1; margin: 0 6px 10px; } .list_pages .pagination li a { display: block; font-size: 16px; color: #42474C; /* width:36px; */ height: 36px; text-align: center; line-height: 34px; overflow: hidden; border: solid 1px #bfbfbf; padding: 0 10px; } .list_pages .pagination li.pg_prev a, .list_pages .pagination li.pg_next a { background: none !important; color: #303030; width: auto; padding: 0 25px; } .list_pages .pagination li.active a { background: #42474C; border-color: #42474C; color: #fff; } .list_pages .pagination li.active a:hover { color: #fff !important; } .list_pages .pagination li:not(.disabled) a:hover { color: #00682b; border-color: #00682b; } .list_pages .pagination li.pg_prev:not(.disabled) a:hover, .list_pages .pagination li.pg_next:not(.disabled) a:hover { color: #00682b; } /* 内页-当前位置 */ .inner_locnav .center_box { position: relative; } .inner_locnav .inner_loc, .inner_locnav .inner_loc a { color: #999; } .inner_locnav .inner_loc a, .inner_locnav .inner_loc span { padding: 0 3px; font-size: 14px; } .inner_locnav .inner_loc .iconfont { font-size: 20px; vertical-align: -3px; font-weight: bold; padding-right: 4px; } .inner_locnav .inner_loc a:hover { color: #c19b76; } /* 内容翻页 */ .inner_pnpage { overflow: hidden; } .inner_pnpage>a { overflow: hidden; } .inner_pnpage>a span, .inner_pnpage>a p { float: left; font-size: 16px; color: #333; } .inner_pnpage>a p { color: #888; max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .35s; } .inner_pnpage>a:hover p { color: #00682b; } .inner_pnpage .inner_pnpage_prev { float: left; } .inner_pnpage .inner_pnpage_next { float: right; } /* 地图 */ .iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap } .iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word } .inner_cta #dituContent * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } @media screen and (min-width:1201px) { /* header */ nav ul>li>a:before, nav ul>li>a:after { content: ""; position: absolute; top: 0; height: 0; left: 0; width: 100%; } nav ul>li>a:before { background: rgba(255, 255, 255, .1); transition: all .5s; } nav ul>li>a:after { background: #c8ced4; } nav ul>li>a span { position: relative; z-index: 10; } nav ul>li>a:hover:before, nav ul>li.active>a:before { height: 100%; } nav ul>li>a:hover:after, nav ul>li.active>a:after { height: 4px; } nav ul>li:hover .subnav { -webkit-transform: perspective(300px) scaleY(1) translateZ(0); transform: perspective(300px) scaleY(1) translateZ(0); visibility: visible; opacity: 1; } nav ul>li .subnav li a:hover { background: #c19b76; color: #fff; } /* banner */ .banner_box .swiper-slide a>img { transform-style: preserve-3d; } .banner_box .swiper-slide-active a>img { transform-style: preserve-3d; transform: scale(1.05); transition: 7s; } .swiper-xn .iconfont { transition: all .35s; } .swiper-xn:hover .iconfont { color: #d1ba71 !important; } /* 我们提供的服务 */ .service_box .ser_con ul li .ser_ss:hover { color: #fff; } .service_box .ser_con ul li .ser_ss .ser_img:after { transition: all .5s; } .service_box .ser_con ul li .ser_ss:hover .ser_img:after { opacity: 0; transform: translateY(-100%); } .service_box .ser_con ul li .ser_ss:hover .ser_wrap .ser_tit em, .service_box .ser_con ul li .ser_ss:hover .ser_wrap .ser_icon { color: inherit; } .service_box .ser_con ul li .ser_ss:hover .ser_wrap .ser_icon { border-color: #fff; } /* 关于我们 */ .about_box .abo_con .abo_wrap .abo_more:hover { background: #00682B; } /* 新闻活动 */ .news_box .news_con .swiper-button-jh { transition: border-color .35s, background-color .35s; } .news_box .news_con .swiper-button-jh:hover { border-color: #00682B; background: #00682B; } .news_box .news_con .swiper-button-prev:hover i { border-right-color: #fff; } .news_box .news_con .swiper-button-next:hover i { border-left-color: #fff; } .news_list .news_ss:hover .news_img img { transform: scale(1.06); } .news_list .news_ss:hover { color: #00682B; } .inner_news .news_list .news_ss:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .1); } .news_list .news_ss .news_wrap span { transition: all .35s; } .news_list .news_ss:hover .news_wrap span { color: #333; } /* 环境展示 */ .env_box .env_con ul li .env_ss:hover img { transform: scale(1.06); } /* 页脚 */ footer .footer_nav ul li a:hover { opacity: .7; } footer .footer_info ul li:hover .footer_wrap { transform: translate(-50%, 100%); opacity: 1; } footer .footer_fri .footer_fcon li a:hover, footer .footer_bot .footer_cpr a:hover { color: #fff; } /* 内页-客服 */ .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss:hover .inner_r_l { background: #00682B; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss:hover .inner_v_img img, .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss:hover .inner_r_l .inner_r_img img { transform: scale(1.06); } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss:hover .inner_c_img img { transform: scale(1.06); } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap .inner_c_tit h3, .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap { transition: all .35s; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss:hover .inner_c_wrap .inner_c_tit h3 { color: #00682B; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss:hover .inner_v_wrap, .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss:hover .inner_c_wrap { background: rgba(255, 255, 255, .9); } /* 内页-温泉 */ .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss:hover { color: #00682b; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss:hover .inner_spa_img img { transform: scale(1.06); } /* 内页-娱乐 */ .inner_nter .inner_nter_swiper .swiper-button-jh:hover { background: #00682B; } /* 内页-体检 */ .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon { transition: all .35s; } .inner_phy .inner_phy_s2 .inner_phy_con ul li:hover .inner_phy_icon { background: #00682b; box-shadow: 0 0 30px rgba(255, 255, 255, .9) inset; color: #fff; } .inner_phy .inner_phy_s2 .inner_phy_con ul li:hover .inner_phy_txt { color: #00682B; } .inner_cta .inner_cta_s3>ul>li:hover .inner_cta_l .inner_cta_icon, .inner_cta .inner_cta_s3>ul>li:hover .inner_cta_l .inner_cta_icon:before { border-color: #00682B; color: #00682b; } } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~手机版~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @media (min-width: 320px) and (max-width:359px) { html { font-size: 32px !important; } } @media (min-width: 360px) and (max-width:374px) { html { font-size: 36px !important; } } @media (min-width: 375px) and (max-width:383px) { html { font-size: 37.5px !important; } } @media (min-width: 384px) and (max-width:413px) { html { font-size: 38.4px !important; } } @media (min-width: 414px) and (max-width:447px) { html { font-size: 41.4px !important; } } @media (min-width: 448px) and (max-width:479px) { html { font-size: 44.8px !important; } } @media (min-width: 480px) and (max-width:511px) { html { font-size: 48px !important; } } @media (min-width: 512px) and (max-width:543px) { html { font-size: 51.2px !important; } } @media (min-width: 544px) and (max-width:575px) { html { font-size: 54.4px !important; } } @media (min-width: 576px) and (max-width:607px) { html { font-size: 57.6px !important; } } @media (min-width: 608px) and (max-width:639px) { html { font-size: 60.8px !important; } } @media (min-width: 640px) and (max-width:1200px) { html { font-size: 60.8px !important; } } input.hamburger { display: none; } nav>ul>li>a .iconfont_jiantou { display: none; } @media screen and (max-width:1200px) { .center_box { width: 92%; } .pd_150 { padding: 1.7rem; } .pd_tb150 { padding: 1.7rem 0; } .pd_t150 { padding-top: 1.7rem; } .pd_b150 { padding-bottom: 1.7rem; } .pd_120 { padding: 1.4rem; } .pd_tb120 { padding: 1.4rem 0; } .pd_t120 { padding-top: 1.4rem; } .pd_b120 { padding-bottom: 1.4rem; } .pd_100 { padding: 1.2rem; } .pd_tb100 { padding: 1.2rem 0; } .pd_t100 { padding-top: 1.2rem; } .pd_b100 { padding-bottom: 1.2rem; } .pd_80 { padding: 1rem; } .pd_tb80 { padding: 1rem 0; } .pd_t80 { padding-top: 1rem; } .pd_b80 { padding-bottom: 1rem; } .pd_70 { padding: .9rem; } .pd_tb70 { padding: .9rem 0; } .pd_t70 { padding-top: .9rem; } .pd_b70 { padding-bottom: .9rem; } .pd_60 { padding: .8rem; } .pd_tb60 { padding: .8rem 0; } .pd_t60 { padding-top: .8rem; } .pd_b60 { padding-bottom: .8rem; } .pd_50 { padding: .7rem; } .pd_tb50 { padding: .7rem 0; } .pd_t50 { padding-top: .7rem; } .pd_b50 { padding-bottom: .7rem; } .pd_40 { padding: .6rem; } .pd_tb40 { padding: .6rem 0; } .pd_t40 { padding-top: .6rem; } .pd_b40 { padding-bottom: .6rem; } .pd_30 { padding: .5rem; } .pd_tb30 { padding: .5rem 0; } .pd_t30 { padding-top: .5rem; } .pd_b30 { padding-bottom: .5rem; } .pd_20 { padding: .4rem; } .pd_tb20 { padding: .4rem 0; } .pd_t20 { padding-top: .4rem; } .pd_b20 { padding-bottom: .4rem; } .pd_15 { padding: .35rem; } .pd_tb15 { padding: .35rem 0; } .pd_t15 { padding-top: .35rem; } .pd_b15 { padding-bottom: .35rem; } .mg_t150 { margin-top: 1.7rem; } .mg_b150 { margin-bottom: 1.7rem; } .mg_t100 { margin-top: 1.2rem; } .mg_b100 { margin-bottom: 1.2rem; } .mg_tb80 { margin: 1rem 0; } .mg_t80 { margin-top: 1rem; } .mg_b80 { margin-bottom: 1rem; } .mg_tb60 { margin: .8rem 0; } .mg_t60 { margin-top: .8rem; } .mg_b60 { margin-bottom: .8rem; } .mg_tb50 { margin: .7rem 0; } .mg_t50 { margin-top: .7rem; } .mg_b50 { margin-bottom: .7rem; } .mg_tb40 { margin: .6rem 0; } .mg_t40 { margin-top: .6rem; } .mg_b40 { margin-bottom: .6rem; } .mg_tb30 { margin: .5rem 0; } .mg_t30 { margin-top: .5rem; } .mg_b30 { margin-bottom: .5rem; } .mg_tb20 { margin: .4rem 0; } .mg_t20 { margin-top: .4rem; } .mg_b20 { margin-bottom: .4rem; } .mg_tb15 { margin: .3rem 0; } .mg_t15 { margin-top: .3rem; } .mg_b15 { margin-bottom: .3rem; } .mg_tb10 { margin: .2rem 0; } .mg_t10 { margin-top: .2rem; } .mg_b10 { margin-bottom: .2rem; } body { overflow-x: hidden; } .menu { position: fixed; top: 0; right: 1%; width: 44px; height: 60px; z-index: 99999; } .menu:hover { cursor: pointer; } .menu>i { position: absolute; width: 24px; height: 2px; top: 50%; left: 10px; background-color: #42474c; pointer-events: auto; transition-duration: .35s; transition-delay: .35s; } .menu>i:before, .menu>i:after { position: absolute; display: block; width: 100%; height: 2px; top: 0; left: 50%; background-color: #42474c; content: ""; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .menu>i:before { -webkit-transform: translate(-50%, -7px); transform: translate(-50%, -7px); } .menu>i:after { -webkit-transform: translate(-50%, 7px); transform: translate(-50%, 7px); } .menu_bg { position: fixed; width: 100vw; height: 0; top: 0; left: 0; z-index: 999; background: #fff; -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } input.hamburger:checked~.menu_bg { height: 100vh; } input.hamburger { height: 0; display: none; } input.hamburger:checked~label.menu>i { background-color: transparent; -webkit-transform: rotate(90deg); transform: rotate(90deg); } input.hamburger:checked~label.menu>i:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } input.hamburger:checked~label.menu>i:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } input.hamburger:checked~.header_bot nav { top: 0; opacity: 1; } /* ~~~~~~~~~~~~~~~~~~ */ header, body, html { width: 100vw !important; } /* header */ header { padding: 0 !important; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } header.scr, header.header_box2 { top: 0; } header .header_top .center_box, .header_height { height: 60px; } header .header_top .header_tel { margin-right: 40px; } header .header_top .header_tel span { display: none; } header nav { width: 92%; height: 100%; position: fixed; top: -100%; left: 4%; z-index: 9999; transition: all .35s; opacity: 0; color: #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } header .logo img { max-height: 40px; } nav>ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; } nav>ul>li { width: 100%; margin: 0; border-bottom: solid 1px #dfdfdf; padding: .6vh 2vw; } header .header_bot nav ul>li>a { color: #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } header .header_bot nav ul>li.active>a { color: #00682b; } nav>ul>li>a { color: #333; font-size: 16px; display: block; padding: 0 !important; height: auto !important; line-height: 3 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } nav>ul>li>a .iconfont_jiantou { display: block; fonts-size: 16px; color: #999; } nav>ul>li.active>a .iconfont_jiantou { color: inherit; } nav>ul>li>a:after { display: none; } nav>ul>li>a:hover, nav>ul>li.active>a { color: #c19b76; font-weight: bold; } header nav ul>li+li>a:before { display: none; } nav>ul>li.has_subnav>a { position: relative; padding-right: 30px; } nav>ul>li.has_subnav>a:before { content: ""; position: absolute; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #ccc; top: 50%; margin-top: -3px; right: 0; } nav>ul>li.has_subnav.current>a:before { border-top-color: #c19b76; } .subnav ol li a { text-align: left; } nav ul>li .subnav { position: static; width: 100%; border-top: none; box-shadow: none; -webkit-transform: perspective(300px) scaleY(0) translateZ(30px); transform: perspective(300px) scaleY(0) translateZ(30px); visibility: hidden; opacity: 0; -webkit-transform-origin: top; transform-origin: top; -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, height 500ms ease, max-height 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; max-height: 0; padding: 0 8vw; } nav ul>li.current .subnav { -webkit-transform: perspective(300px) scaleY(1) translateZ(0); transform: perspective(300px) scaleY(1) translateZ(0); visibility: visible; opacity: 1; max-height: 312px; } nav ul>li .subnav li a { text-align: left; } header .header_slogan { padding: 0; line-height: 60px; } .inner_header.scr~#scrolly_box .header_height, .inner_header~#scrolly_box .header_height { height: 60px; } /* banner */ .banner_box .swiper-slide a { height: 60vh; position: relative; } .banner_box .swiper-slide a>img { height: 100%; width: auto; min-width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .banner_box .swiper-slide a .banner_txt { width: 92%; left: 4%; margin-left: 0; } .banner_box .swiper-slide a .banner_txt img { max-width: 70%; max-height: 60%; margin-bottom: 5vw; } .banner_box .swiper-pagination { display: block; } .swiper-pgxn { display: block; width: 100%; } .banner_box .swiper-pagination-bullet { background: #42474c; opacity: 1; width: 10px; height: 10px; } .swiper-pgxn .swiper-pagination-bullet { opacity: .3; margin: 0 4px; } .swiper-pgxn .swiper-pagination-bullet-active, .banner_box .swiper-pagination-bullet-active { background: #00682b; opacity: 1; } .banner_box .banner_mouse { display: block; } .banner_box .swiper-xn { display: none; } /* 我们的服务 */ .service_box .ser_con ul { margin-left: -.3rem; margin-bottom: -.3rem; } .service_box .ser_con ul li { margin-bottom: .3rem; } .service_box .ser_con ul li .ser_ss { margin-left: .3rem; box-shadow: 0 .1rem .24rem rgba(0, 0, 0, .05); } .service_box .ser_con ul li .ser_ss:active { color: #fff; } .service_box .ser_con ul li .ser_ss .ser_img:after { transition: all .5s; } .service_box .ser_con ul li .ser_ss:active .ser_img:after { opacity: 0; transform: translateY(-100%); } .service_box .ser_con ul li .ser_ss:active .ser_wrap .ser_tit em, .service_box .ser_con ul li .ser_ss:active .ser_wrap .ser_icon { color: inherit; } .service_box .ser_con ul li .ser_ss:active .ser_wrap .ser_icon { border-color: #fff; } /* 环境展示 */ .env_box .env_con ul { grid-template-columns: calc((92vw - 12px) / 3) calc((92vw - 12px) / 3) calc((92vw - 12px) / 3); grid-template-rows: calc((92vw - 12px) / 3 * 260 / 396) calc((92vw - 12px) / 3 * 260 / 396) calc((92vw - 12px) / 3 * 260 / 396); } /* 页脚 */ footer .footer_info, footer .footer_fri { display: none; } /* 内页-客房 */ .inner_room:after { width: 72vw; } .inner_r_s2 .center_box { width: 100%; } /* 内页-会展 */ .inner_c_s2 .center_box { width: 100%; } /* 内页-贵宾楼 */ .inner_v_s2 .center_box { width: 100%; } /* 内页-新闻活动 */ .inner_news .news_list ul { margin-left: -.3rem; margin-bottom: -.3rem; } .inner_news .news_list ul li { margin-bottom: .3rem; } .inner_news .news_list ul li .news_ss { margin-left: .3rem; } /* 内页-联系我们 */ .inner_cta .inner_cta_map #dituContent { height: 80vw; } .inner_cta .inner_cta_map #dituContent .pop>img { width: 12px !important; height: 12px !important; } /* 内页-文章详情 */ .inner_loc, .inner_loc a { font-size: 12px; } /* 内页-内容翻页 */ .inner_pnpage .inner_pnpage_prev, .inner_pnpage .inner_pnpage_next { width: 100%; } .inner_pnpage>a span, .inner_pnpage>a p { font-size: 14px; } .inner_pnpage .inner_pnpage_next { margin-top: .2rem; } .inner_pnpage>a p { max-width: calc(92vw - 62px); } } @media screen and (max-width:895px) { /* 关于我们 */ .about_box .abo_con { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .about_box .abo_con .abo_img { width: 100%; } .about_box .abo_con .abo_wrap { width: 100%; margin-left: 0; margin-top: .4rem; padding: .6rem; } .about_box .abo_con .abo_wrap .abo_more { width: 40px; height: 40px; line-height: 40px; } /* 列表翻页 */ .list_pages .pagination li { display: none; } .list_pages .pagination li.pg_prev, .list_pages .pagination li.pg_next { display: inline-block; } .list_pages .pagination li a { height: 32px; line-height: 30px; } .list_pages .pagination li.pg_prev a, .list_pages .pagination li.pg_next a { padding: 0 20px; } } @media screen and (max-width:767px) { /* 标题 */ .jh_tit h2 { font-size: .44rem; } /* 我们的服务 */ .service_box .ser_con ul li { width: 50%; } .service_box .ser_con ul li .ser_ss .ser_wrap { padding: .6rem; } .service_box .ser_con ul li:nth-of-type(1) { -webkit-animation-delay: .2s; animation-delay: .2s; } .service_box .ser_con ul li:nth-of-type(2) { -webkit-animation-delay: .4s; animation-delay: .4s; } .service_box .ser_con ul li:nth-of-type(3) { -webkit-animation-delay: .2s; animation-delay: .2s; } .service_box .ser_con ul li:nth-of-type(4) { -webkit-animation-delay: .4s; animation-delay: .4s; } .service_box .ser_con ul li:nth-of-type(5) { -webkit-animation-delay: .2s; animation-delay: .2s; } .service_box .ser_con ul li:nth-of-type(6) { -webkit-animation-delay: .4s; animation-delay: .4s; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_tit em { font-size: .44rem; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_tit h3 { font-size: .38rem; } /* 我们有多种类型的客房 */ .room_box .room_con ul li { padding: 0 .6rem; font-size: .32rem; } .room_box .room_con ul li em { font-size: .8rem; } .room_box .room_con ul li:before { top: .2rem; bottom: .2rem; } .article_w { font-size: 14px; } /* 新闻活动 */ .news_box .news_con { padding: 0 60px; } .news_box .news_con .swiper-button-jh { width: 40px; height: 40px; border-width: 2px; } .news_box .news_con .swiper-button-jh i { border-top-width: 7px; border-bottom-width: 7px; } .news_box .news_con .swiper-button-next i { border-left-width: 7px; } .news_box .news_con .swiper-button-prev i { border-right-width: 7px; } .news_box .news_con .swiper-button-next { right: 0; } .news_box .news_con .swiper-button-prev { left: 0; } .news_box .news_con .swiper-slide { width: calc(92vw - 120px); } .news_list .news_ss .news_img { height: calc((92vw - 120px) * 24 / 37); } .news_list .news_ss .news_wrap h3 { font-size: 15px; height: 44px; } /* 页脚 */ footer .footer_top { padding: .4rem 0; } footer .footer_nav { display: none; } footer .footer_logo a img { max-width: 32vw; } footer .footer_bot .footer_cpr>* { display: block; line-height: 1.6; } /* 内页-banner */ .inner_banner .inner_b_txt .inner_b_wrap { padding: 0 20vw; } .inner_banner .inner_b_txt .inner_b_line { width: 16vw; } .inner_banner .inner_b_txt h2 { font-size: .46rem; } @keyframes Bline { 0% { width: 0; } 100% { width: 16vw } } /* 内页-简介 */ .inner_border_two { padding: .8rem; } .inner_border_two:before { top: 6px; right: 6px; bottom: 6px; left: 6px; } .green_tit, .inner_abo .inner_a_s2 .inner_a_tit { font-size: .44rem; } .inner_abo .inner_a_s2 .inner_a_con { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_img, .inner_abo .inner_a_s2 .inner_a_con .inner_a_r { width: 100%; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_r { margin-top: .6rem; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data { width: 100%; margin-left: 0; padding: .4rem; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data ul li .inner_a_name em { font-size: .56rem; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data ul li .inner_a_w { font-size: .36rem; } /* 内页-客房 */ .inner_room .inner_r_s1 { padding-left: .8rem; padding-right: .8rem; } .inner_room .inner_r_s1 .inner_r_tit { font-size: .44rem; } .inner_room .inner_r_s1 .inner_r_txt { font-size: .36rem; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l, .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r { width: 100%; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_img { height: calc((92vw - 1rem) * 304 / 540); } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt { padding: 0 5%; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt>span { font-size: .8rem; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt { transform: translateY(-.4rem); } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt .inner_r_ltit { font-size: .46rem; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_img { height: calc((92vw - 1rem) * 116 / 540); margin-top: .3rem; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap { padding: .2rem .2rem 0 .2rem; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap .inner_r_stit { font-size: .4rem; } .inner_room .inner_r_s2 .inner_r_con ul li+li { margin-top: .6rem; } .inner_top .inner_top_icon .iconfont { font-size: .7rem; } .inner_top { padding-top: 1.1rem; } .inner_conf .inner_c_top .inner_c_l, .inner_conf .inner_c_top .inner_c_l .inner_top_syn, .inner_conf .inner_c_top .inner_c_r { width: 100%; } .inner_conf .inner_c_top .inner_c_l .inner_top_syn { font-size: .38rem; } .inner_conf .inner_c_top .inner_c_r { font-size: .36rem; margin-top: .3rem; } /* 内页-会展 */ .inner_conf .inner_c_s2 .inner_c_list ul li+li { margin-top: .5rem; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap { position: static; width: 100%; background: #f7f7f7; padding: .5rem; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap .inner_c_tit h3 { font-size: .42rem; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_img { height: calc(92vw * 514 / 1200); } /* 内页-餐饮 */ .inner_cater .inner_ca_l { width: 100%; } .inner_top .inner_top_syn { font-size: .38rem; } .inner_cater .inner_ca_r { width: 100%; margin-top: .5rem; } /* 内页-温泉 */ .inner_spa .inner_spa_s2 .inner_spa_list ul { margin-top: -.6rem; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss { -webkitflex-wrap: wrap; flex-wrap: wrap; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_img, .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_wrap { width: 100%; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_wrap { padding: 0; margin-top: .4rem; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit, .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit>* { width: 100%; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit h3 { font-size: .42rem; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit .inner_line_rh:after { left: 50%; margin-left: -3px; } /* 内页-娱乐 */ .inner_nter .inner_nter_swiper .swiper-button-jh { width: 40px; height: 40px; line-height: 40px; } .inner_nter .inner_nter_swiper .swiper-button-jh .iconfont { font-size: 22px; } .inner_nter .inner_nter_swiper .swiper-button-next { right: .2rem; } .inner_nter .inner_nter_swiper .swiper-button-prev { left: .2rem; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon { width: 24vw; height: 24vw; box-shadow: 0 0 4vw rgba(66, 71, 76, .1) inset; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon .iconfont { font-size: 12vw; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon .iconfont.icon-yishengtuandui { font-size: 15vw; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_txt { font-size: .36rem; padding: 0 .2rem; } .inner_nter .inner_nter_swiper .swiper-pagination-bullet { width: 4vw; } .inner_nter .inner_nter_swiper .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 12px; } /* 内页-贵宾楼 */ .inner_vip .inner_v_s2 .inner_v_list ul li+li { margin-top: .8rem; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_tit { font-size: .42rem; margin-bottom: .4rem; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_wrap { position: static; width: 100%; background: #f7f7f7; height: auto; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_img { height: calc(92vw * 4 / 12); } /* 内页-新闻活动 */ .inner_news .news_list ul li { width: 50%; } .inner_news .news_list .news_ss .news_img { height: calc((92vw - .3rem) * .5 * 24 / 37); } .inner_news .news_list .news_ss .news_wrap>span { margin-top: .3rem; } /* 内页-联系我们 */ .inner_cta .inner_cta_info ul li .iconfont { font-size: .42rem; } .inner_cta .inner_cta_info ul li .article_w { font-size: .36rem; width: calc(92vw - .5rem - 10px); } .inner_cta .inner_cta_info ul li { width: 100%; margin-right: 0; } .inner_cta .inner_cta_s3>ul>li .inner_cta_l .inner_cta_icon { width: 60px; height: 60px; } .inner_cta .inner_cta_s3>ul>li .inner_cta_l .inner_cta_icon:before { top: 2px; right: 2px; bottom: 2px; left: 2px; } .inner_cta .inner_cta_s3>ul>li { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_cta .inner_cta_s3>ul>li .inner_cta_l { width: 60px; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; } .inner_cta .inner_cta_s3>ul>li .inner_cta_l .inner_line_rh { margin-top: .3rem; } .inner_cta .inner_cta_s3>ul>li .inner_cta_r { width: 100%; margin-top: .3rem; } .inner_cta .inner_cta_s3>ul>li .inner_cta_r .inner_cta_tit { font-size: .4rem; } /* 内页-文章详情 */ .inner_news_show_tit h3 { font-size: .42rem; } } @media screen and (min-width:768px) and (max-width:1200px) { .pd_150 { padding: 1.5rem; } .pd_tb150 { padding: 1.5rem 0; } .pd_t150 { padding-top: 1.5rem; } .pd_b150 { padding-bottom: 1.5rem; } .pd_120 { padding: 1.2rem; } .pd_tb120 { padding: 1.2rem 0; } .pd_t120 { padding-top: 1.2rem; } .pd_b120 { padding-bottom: 1.4rem; } .pd_100 { padding: 1rem; } .pd_tb100 { padding: 1rem 0; } .pd_t100 { padding-top: 1rem; } .pd_b100 { padding-bottom: 1rem; } .pd_80 { padding: .8rem; } .pd_tb80 { padding: .8rem 0; } .pd_t80 { padding-top: .8rem; } .pd_b80 { padding-bottom: .8rem; } .pd_70 { padding: .7rem; } .pd_tb70 { padding: .7rem 0; } .pd_t70 { padding-top: .7rem; } .pd_b70 { padding-bottom: .7rem; } .pd_60 { padding: .6rem; } .pd_tb60 { padding: .6rem 0; } .pd_t60 { padding-top: .6rem; } .pd_b60 { padding-bottom: .6rem; } .pd_50 { padding: .5rem; } .pd_tb50 { padding: .5rem 0; } .pd_t50 { padding-top: .5rem; } .pd_b50 { padding-bottom: .5rem; } .pd_40 { padding: .4rem; } .pd_tb40 { padding: .4rem 0; } .pd_t40 { padding-top: .4rem; } .pd_b40 { padding-bottom: .4rem; } .pd_30 { padding: .3rem; } .pd_tb30 { padding: .3rem 0; } .pd_t30 { padding-top: .3rem; } .pd_b30 { padding-bottom: .3rem; } .pd_20 { padding: .2rem; } .pd_tb20 { padding: .2rem 0; } .pd_t20 { padding-top: .2rem; } .pd_b20 { padding-bottom: .2rem; } .pd_15 { padding: .15rem; } .pd_tb15 { padding: .15rem 0; } .pd_t15 { padding-top: .15rem; } .pd_b15 { padding-bottom: .15rem; } .mg_t150 { margin-top: 1.5rem; } .mg_b150 { margin-bottom: 1.5rem; } .mg_t100 { margin-top: 1rem; } .mg_b100 { margin-bottom: 1rem; } .mg_tb80 { margin: .8rem 0; } .mg_t80 { margin-top: .8rem; } .mg_b80 { margin-bottom: .8rem; } .mg_tb60 { margin: .6rem 0; } .mg_t60 { margin-top: .6rem; } .mg_b60 { margin-bottom: .6rem; } .mg_tb50 { margin: .5rem 0; } .mg_t50 { margin-top: .5rem; } .mg_b50 { margin-bottom: .5rem; } .mg_tb40 { margin: .4rem 0; } .mg_t40 { margin-top: .4rem; } .mg_b40 { margin-bottom: .4rem; } .mg_tb30 { margin: .3rem 0; } .mg_t30 { margin-top: .3rem; } .mg_b30 { margin-bottom: .3rem; } .mg_tb20 { margin: .2rem 0; } .mg_t20 { margin-top: .2rem; } .mg_b20 { margin-bottom: .2rem; } .mg_tb15 { margin: .15rem 0; } .mg_t15 { margin-top: .15rem; } .mg_b15 { margin-bottom: .15rem; } .mg_tb10 { margin: .1rem 0; } .mg_t10 { margin-top: .1rem; } .mg_b10 { margin-bottom: .1rem; } /* header */ header .header_top .center_box, .header_height, .menu { height: 70px; } header .logo img { max-height: 40px; } header .header_top .header_tel { margin-right: 30px; } /* banner */ .banner_box .swiper-slide a .banner_txt img { max-width: 90%; margin-bottom: 20px; } /* 标题 */ .jh_tit h2 { font-size: 20px; } /* 我们的服务 */ .service_box .ser_con ul li .ser_ss .ser_wrap { padding: .5rem; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_tit em { font-size: 20px; } .service_box .ser_con ul li .ser_ss .ser_wrap .ser_tit h3 { font-size: 16px; } /* 我们有多种类型的客房 */ .room_box .room_con ul li em { font-size: 50px; } .room_box .room_con ul li { padding: 0 5vw; } .article_w { font-size: 15px; } /* 新闻活动 */ .news_box .news_con { padding: 0 70px; } .news_box .news_con .swiper-button-jh { width: 46px; height: 46px; } .news_box .news_con .swiper-button-next { right: 0; } .news_box .news_con .swiper-button-prev { left: 0; } .news_box .news_con .swiper-button-jh i { transform: scale(.8); } .news_list .news_ss .news_wrap h3 { font-size: 16px; height: 48px; } .news_list .news_ss .news_img { height: calc((92vw - 140px - 15px) / 2 * 24 / 37); } /* 内页-banner */ .inner_banner .inner_b_txt .inner_b_wrap { padding: 0 170px; } .inner_banner .inner_b_txt h2 { font-size: 26px; } /* 内页-简介 */ .inner_border_two { padding: .8rem; } .green_tit, .inner_abo .inner_a_s2 .inner_a_tit { font-size: 20px; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data ul li .inner_a_name em { font-size: 40px; } /* 内页-客房 */ .inner_room .inner_r_s1 { padding-left: .8rem; padding-right: .8rem; } .inner_room .inner_r_s1 .inner_r_tit { font-size: 20px; } .inner_room .inner_r_s2 .inner_r_con ul li+li { margin-top: .4rem; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap { padding: 0; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_img { height: calc((46vw - .6rem) * 304 / 540); } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt { padding: 0 5%; transform: translateY(-20px); } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt>span { font-size: 40px; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap .inner_r_stit { font-size: 16px; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_wrap .inner_r_txt { font-size: 14px; line-height: 1.8; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_r .inner_r_img { height: calc((46vw - .6rem) * 116 / 540); margin-top: .1rem; } .inner_room .inner_r_s2 .inner_r_con ul li .inner_r_ss .inner_r_l .inner_r_txt .inner_r_ltit { font-size: 20px; } /* 内页-会展 */ .inner_conf .inner_c_top, .inner_top { padding-top: 50px; } .inner_top .inner_top_icon .iconfont { font-size: 32px; } .inner_conf .inner_c_top .inner_c_l { width: 56%; } .inner_conf .inner_c_top .inner_c_r { width: 38%; } .inner_conf .inner_c_top .inner_c_l .inner_top_syn { width: 100%; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_img { height: calc(92vw * 514 / 1200); } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap { padding: 30px; background: rgba(255, 255, 255, .95); } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap .inner_c_tit h3 { font-size: 16px; } .inner_conf .inner_c_s2 .inner_c_list ul li+li { margin-top: .5rem; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap { left: 30px; top: 30px; bottom: 30px; } .inner_conf .inner_c_s2 .inner_c_list ul li:nth-of-type(even) .inner_c_ss .inner_c_wrap { right: 30px; } .inner_conf .inner_c_s2 .inner_c_list ul li .inner_c_ss .inner_c_wrap .inner_c_txt { overflow: hidden; -webkit-line-clamp: 5; -moz-line-clamp: 5; -o-line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: -webkit-box; } /* 内页-餐饮 */ .inner_cater .inner_ca_l { width: 40%; } .inner_cater .inner_ca_r { width: 56%; } /* 内页-温泉 */ .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_img { width: 46%; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_wrap { width: 54%; padding: 0 .6rem; } .inner_spa .inner_spa_s2 .inner_spa_list ul li:nth-of-type(odd) .inner_spa_ss .inner_spa_wrap { padding-right: 0; } .inner_spa .inner_spa_s2 .inner_spa_list ul li:nth-of-type(even) .inner_spa_ss .inner_spa_wrap { padding-left: 0; } .inner_spa .inner_spa_s2 .inner_spa_list ul li .inner_spa_ss .inner_spa_tit h3 { font-size: 18px; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon { width: 150px; height: 150px; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon .iconfont { font-size: 58px; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_icon .iconfont.icon-yishengtuandui { font-size: 66px; } .inner_phy .inner_phy_s2 .inner_phy_con ul li .inner_phy_txt { font-size: 16px; } /* 内页-贵宾楼 */ .inner_vip .inner_v_s2 .inner_v_list ul li+li { margin-top: 30px; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_tit { font-size: 16px; margin-bottom: 20px; } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_img { height: calc(92vw * 4 / 12); } .inner_vip .inner_v_s2 .inner_v_list .inner_v_ss .inner_v_wrap { width: 80%; left: 10%; background: rgba(255, 255, 255, .9); } /* 内页-新闻活动 */ .inner_news .news_list .news_ss .news_img { height: calc((92vw - .6rem) / 3 * 24 / 37); } /* 内页-联系我们 */ .inner_cta .inner_cta_info ul li .iconfont { font-size: 20px; } .inner_cta .inner_cta_info ul li .article_w { font-size: 16px; } .inner_cta .inner_cta_s3>ul>li .inner_cta_r { width: calc(100% - 170px); } /* 内页-文章详情 */ .inner_news_show_tit h3 { font-size: 20px; } } @media screen and (min-width:768px) and (max-width:895px) { /* banner */ .banner_box .swiper-slide a { height: 50vh; } .banner_box .swiper-xn { display: none; } /* 页脚 */ footer .footer_nav { display: none; } /* 内页-简介 */ .inner_abo .inner_a_s2 .inner_a_con .inner_a_img { display: none; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_r { width: 100%; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data { width: 100%; margin-left: 0; } /* 内页-联系我们 */ .inner_cta .inner_cta_info ul li { width: 100%; margin-right: 0; } .inner_cta .inner_cta_info ul li .iconfont { font-size: 20px; } .inner_cta .inner_cta_info ul li .article_w { font-size: 16px; } .inner_cta .inner_cta_map #dituContent { height: 50vw; } } @media screen and (min-width:896px) and (max-width:1200px) { /* banner */ .banner_box .swiper-slide a { height: 60vh; } .banner_box .swiper-xn { display: none; } .banner_box .swiper-slide a .banner_txt img { margin-bottom: 0px; max-height: 80%; } /* 关于我们 */ .about_box .abo_con .abo_wrap { padding: 40px 50px 40px 40px; } /* 新闻活动 */ .news_list .news_ss .news_img { height: calc((92vw - 140px - 40px) / 3 * 24 / 37); } /* 页脚 */ footer .footer_nav ul li { margin: 0 1.5vw; } footer .footer_nav ul li a { font-size: 15px; } /* 内页-简介 */ .inner_abo .inner_a_s2 .inner_a_con .inner_a_img, .inner_abo .inner_a_s2 .inner_a_con .inner_a_r { width: 48%; } .inner_abo .inner_a_s2 .inner_a_con .inner_a_data { width: calc(92vw * .48 + 25vw); margin-left: -25vw; } /* 内页-联系我们 */ .inner_cta .inner_cta_info { overflow: hidden; } .inner_cta .inner_cta_info ul { margin-right: -100px; } .inner_cta .inner_cta_map #dituContent { height: 40vw; } } /*# sourceURL=/skin/default/css/hover.css */ /*@ sourceURL=/skin/default/css/hover.css */ /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.0 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with SASS. */ /* 2D TRANSITIONS */ /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Bounce In */ .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* Sink */ .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Skew */ .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Backward */ .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098d1; color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; } .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; } .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); } /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* BORDER TRANSITIONS */ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; } /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; } /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; } /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; } /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098d1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Shadow */ .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } /* -webkit-Box Shadow Outset */ .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* -webkit-Box Shadow Inset */ .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; } .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Right */ .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Bottom */ .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; } .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Left */ .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* Bubble Float Top */ .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Float Right */ .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Float Bottom */ .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Float Left */ .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* ICONS */ /* Icon Back */ .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-left: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-back:before { content: "\f137"; position: absolute; left: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { -webkit-transform: translateX(-4px); transform: translateX(-4px); } /* Icon Forward */ .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-forward:before { content: "\f138"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { -webkit-transform: translateX(4px); transform: translateX(4px); } /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-down:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-up:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Spin */ .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-spin:before { content: "\f021"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-drop:before { content: "\f041"; position: absolute; right: 1em; opacity: 1; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Icon Fade */ .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-fade:before { content: "\f00c"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { color: #0F9E5E; } /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-float-away:before, .hvr-icon-float-away:after { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-float-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Grow */ .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow:before { content: "\f118"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } /* Icon Shrink */ .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-shrink:before { content: "\f119"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { -webkit-transform: scale(0.8); transform: scale(0.8); } /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-grow:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-shrink:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-push:before { content: "\f006"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-pop:before { content: "\f005"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Bounce */ .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bounce:before { content: "\f087"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Icon Rotate */ .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-rotate:before { content: "\f0c6"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { -webkit-transform: rotate(20deg); transform: rotate(20deg); } /* Icon Grow Rotate */ .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow-rotate:before { content: "\f095"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } /* Icon Float */ .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-float:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* Icon Sink */ .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-sink:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { -webkit-transform: translateY(4px); transform: translateY(4px); } /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bob:before { content: "\f077"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal:before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-vertical:before { content: "\f062"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz:before { content: "\f017"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz-out:before { content: "\f023"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* CURLS */ /* Curl Top Left */ .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000'); /*For IE7-8-9*/ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { width: 25px; height: 25px; } /* Curl Top Right */ .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Right */ .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Left */ .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { width: 25px; height: 25px; } /*# sourceURL=/skin/default/css/animate.css */ /*@ sourceURL=/skin/default/css/animate.css */ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }